adp-media-audio {
    @function computed-vw($px) {
        @return $px/1080*100vw;
    }
    .voice-component{
        width:100%;
        height:100%;
        position: fixed;
        top: 17.6vw;
        z-index: 999;
        .voice-bg{
            width:100%;
            height:100%;
            .voice-time{
                width:computed-vw(600);
                height:computed-vw(249);
                background-color:rgba(0,0,0,0.5);
                //opacity: 0.75;
                margin:0 auto;
                border-radius: 2vw;
                padding-top:8.37vw;
                position: relative;
                top:40%;
                margin-top: computed-vw(-125);
                p{
                    height:6.66vw;
                    margin:0;
                    line-height: 6.66vw;
                    color:#fff;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    span{
                        font-size:computed-vw(42);
                    }
                    img{
                        width:computed-vw(42);
                        height:computed-vw(42);
                        margin-left:2.22vw;
                        margin-right:3.7vw;
                    }
                    i{
                        font-style: normal;
                        font-size:computed-vw(72);
                        display: inline-block;
                        padding:computed-vw(10) computed-vw(50) 0 0;
                        background:url("../assets/images/common/icon_second.png") no-repeat;
                        background-size: computed-vw(28);
                        background-position: 90% 0;
                        margin-top: computed-vw(-10);
                    }
                }
            }
        }
    }
    .bottom-btn{
        width:100%;
        height:14.33vw;
        background-color:#fff;
        bottom:0;
        left:0;
        overflow: hidden;
        padding-top: 2.5vw;
        box-shadow: 0 0 13.89vw -0.67vw rgba(0, 0, 0, 0.28);
        z-index: 100000;
        .switch-btn{
            width:8.88vw;
            height:8.88vw;
            margin:0 5.55vw;
            float:left;
            background: #fff;
            padding: 0;
            img{
                height:100%;
            }
        }
        .edit-btn{
            width:74.44vw;
            height:8.88vw;
            float:left;
            background-color: #fff;
            border: 0.25vw solid #e1e1e1;
            border-radius: 1vw;
            margin:0 auto;
        }
        .edit-btn.word{
            font-size:4.167vw;
            color:#999;
            padding-left: 2.77vw;
            text-align: left;
            line-height:8vw;
        }
        .edit-btn.voice{
            font-size: 4.16vw;
            color:#666;
            text-align: center;
            line-height:8vw;
            span.active{
                display: none;
            }
            span.default{
                display: inline-block;
                height: 100%;
            }
        }
        .edit-btn.active{
            background-color: #f5f5f5;
            span.default{
                display: none;
            }
            span.active{
                display: inline-block;
                height: 100%;
            }
        }
        .fab-ios{
            width: 9vw;
            height: 9vw;
            padding: 0;
            background-color: #fff;
            border-radius: 50%;
        }
        .fab-ios.activated{
            background-color: transparent;
        }
    }
    .voice-record-btn{
        width: 100vw;
        height: 13.43vw;
        background: #fff;
        z-index: 1000;
        right: 0;
        bottom:0;
        box-shadow: 0 0 22.89vw 4.33vw rgba(0, 0, 0, 0.1);
        button{
            width: 88.88vw;
            height: 8.88vw;
            background: #fff;
            font-size:4.16vw;
            line-height: 8.88vw;
            color:#666;
            text-align: center;
            position: absolute;
            top:2.3vw;
            left: 50%;
            margin-left: -44.44vw;
            border: 0.35vw solid #e9e9e9;
            border-radius: 1vw;
            font-weight: 600;
            padding: 0!important;
            span.active{
                display: none;
            }
            span.default{
                display: inline-block;
            }
        }
        .active{
            background-color: #f5f5f5;
            span.default{
                display: none;
            }
            span.active{
                display: inline-block;
                height:100%;
            }
        }
        .fab-ios{
            height:100%;
            background-color: #fff;
        }
    }
    .voice-record-btn.iphoneX{
        height: 24vw;
    }
}
